<template>
	<view class="out-no-data">
		<view class="nodata-box" :style="{top:src?(Number(height.slice(0,height.length-3)+'rpx')):''}">
			<u--image v-if="src" :showLoading="true" :src="src" :width="width" :height="height"></u--image>
			<view class="mt10 fs28">
				{{msg}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["src", "msg", "width", "height", "top"],
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.nodata-box {
		text-align: center;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.fs28 {
		@include text-font-size(28rpx)
	}
</style>